iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0
Modern Web

小白的從零開始食譜搜尋系統系列 第 20

JS語法學習Day4

  • 分享至 

  • xImage
  •  

學習目標
For迴圈 、二維陣列&巢狀迴圈、class模板


**For迴圈 **
For迴圈和 while迴圈都是重複運行指令碼,直到某條件達成後結束,但for 迴圈較while迴圈更加簡潔
Var i = 0 ; ->定義初始值
I<=10 ; ->條件判斷
I++ ->每結束一次迴圈後要做的事
https://ithelp.ithome.com.tw/upload/images/20210929/201404978bCFgvy0LC.png
For迴圈取得陣列 :取得不及格學生的名字
https://ithelp.ithome.com.tw/upload/images/20210929/20140497VBx7C0Yx04.png
製作一個問答程式

https://ithelp.ithome.com.tw/upload/images/20210929/20140497tXaJ9w4x3T.png

https://ithelp.ithome.com.tw/upload/images/20210929/20140497JMahYjo9HI.png

二維陣列&巢狀迴圈
二維陣列 :陣列中還有一個陣列
巢狀迴圈 :迴圈中還有一個迴圈
https://ithelp.ithome.com.tw/upload/images/20210929/20140497zsXGYC9Ic5.png


class模板
class讓使用這更快速切方便創建一個物件
EX : 班級3位學生資料 :阿極、大大、胖達
方法1 : 一筆筆資料慢慢加(超級麻煩)
https://ithelp.ithome.com.tw/upload/images/20210929/201404973tluWbs6cF.png
方法2 :利用class模板
https://ithelp.ithome.com.tw/upload/images/20210929/20140497l7mVQOlEYC.png
初始函式(constructor) :將傳入值賦予實體物件


上一篇
JS語法學習Day3
下一篇
JS語法學習Day5
系列文
小白的從零開始食譜搜尋系統30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言